<template>
  <div>
    <div class="login_box">
      <div class="frontlogin_img">
        <img src="../assets/login-1.jpg" />
      </div>
      <div class='loginsmall_box'>
        <form action="#" onSubmit="return checkForm()" class="kawhi">
          <div class="loginipt_box">
            <label for="userName">用户名：<span class="glyphicon glyphicon-user"></span></label>
            <input type="text" id="userName" class="userName" @blur="checkUserName()"  v-on:input="checkUserName()" v-model="resmes.username">
            <span class="default" id="nameErr">请输入至少3位的用户名</span>
          </div>
          <div class="loginipt_box">
            <label for="userPasword">密码：<span class="glyphicon glyphicon-eye-open"></span></label>
            <input type="password" id="userPasword" class="userName" @blur="checkPassword()" v-on:input="checkPassword()" v-model="resmes.userpas">
            <span class="default" id="passwordErr">请输入4到8位的密码</span>
          </div>
          <div class="loginipt_box">
            <label for="userConfirmPasword">确认密码：<span class="glyphicon glyphicon-flash"></span></label>
            <input type="password" id="userConfirmPasword" class="userName" @blur="ConfirmPassword()" v-on:input="ConfirmPassword()">
            <span class="default" id="conPasswordErr">请再输入一遍密码</span>
          </div>
          <div class="loginipt_box">
            <label for="userPhone">手机号码：<span class="glyphicon glyphicon-phone"></span></label>
            <input type="text" id="userPhone" class="userName" @blur="checkPhone()" v-on:input="checkPhone()" v-model="resmes.usertel">
            <span class="default" id="phoneErr">请输入11位手机号码</span>
          </div>
          <div>
            <input type="reset"  value="重置" onclick="document.getElementById('ip').reset()"  class="resetBtn" />
            <input type="button" class="resBtn" value="注册" @click="Checkall()">
          </div>
        </form>
      </div>
    </div>
  </div>
</template>
<script src="../js/frontres.js">

</script>

<style scoped>
  @import "../css/frontres.css";
</style>
